import h from './mysnabbdom/h.js'
import patch from './mysnabbdom/patch.js'

// const myVnode1 = h('h1', {}, '你好')
const myVnode1 = h('section', {}, [
    h('p', { key: 'a'}, 'a'),
    h('p', { key: 'b'}, 'b'),
    h('p', { key: 'c'}, 'c'),
]);
const container = document.getElementById('container')
const btn = document.getElementById('btn')

//第一次上树
patch(container, myVnode1)
//新节点
// const myVnode2 = h('section', {}, [
//     h('p', { key: 'a'}, 'a'),
//     h('p', { key: 'b'}, 'b'),
//     h('p', { key: 'm'}, 'm'),
//     h('p', { key: 'n'}, 'n'),
//     h('p', { key: 'c'}, 'c'),
//     h('p', { key: 'p'}, 'c'),
// ])
const myVnode2 = h('section', {}, [
    h('p', { key: 'd'}, 'd'),
    h('p', { key: 'b'}, 'bbb'),


])
btn.onclick = function(){
    patch(myVnode1, myVnode2)
}

